<div class="wrapper">
    <div class="refund-box">
        <div class="refund-item">
            <text class="refund-text font-msyhl">退款原因</text>

            <div class="refund-cont">
                <input type="text" v-model="reasonValue" class="input font-msyhl" disabled="true"></input>

                <btn-pre @btnClick="showReasonClick">请选择</btn-pre>
            </div>
        </div>

        <div class="refund-item">
            <text class="refund-text font-msyhl">退款金额</text>

            <div class="refund-cont">
                <input type="text" v-model="refundValue" class="input font-msyhl" placeholder="请输入退款金额"></input>
                <text class="money-text font-msyhl" v-if="maxRefundValue">（最多：{{maxRefundValue | currency('¥')}}）</text>
            </div>
        </div>

        <div class="refund-item refund-text-area">
            <text class="refund-text font-msyhl">退款说明</text>
            <textarea return-key-type="done" rows="5" class="text-area font-msyhl" v-model="remarkValue" placeholder="（最多200字）" maxlength="200"></textarea>
        </div>
    </div>

    <!--错误提示-->
    <text class="errorTip font-msyhl">{{errorTxt}}</text>


    <div class="footer">
        <order-btn width=200 height=60 borderColor="#e31336" color="#e31336" fontSize=30 @btnClick="subApplyRefund">提交申请</order-btn>
    </div>

    <dialog-choice :itemList="itemList" :title="'退款原因'" :isShow="isShow" @choiceClick="choiceClick"></dialog-choice>
</div>